<template>
    <!--auth.vue 登录授权页 -->
    <div class="start">

      <div id="id_content_header">
        <mu-appbar title="货车兄弟">
        </mu-appbar>
      </div>

      <div id="id_content_container">
           <div id="tips">
           <div>你和任何一个陌生人之间所间隔的人不会超过六个.</div>
             <!--  <div>人人人脉  共享人脉</div>
             <div>评好友,挣共享金</div>-->
           </div>
       </div>

      <div id="id_content_bottom">
        <div>
          成都青桔科技有限公司@2017
        </div>
      </div>
      
    </div>
</template>


<style scoped>
 .start{
    height: 100%;
    width: 100%;
    display: flex;
    position: relative;
    flex-direction: column;
    flex-wrap:nowrap;
  }

 #id_content_container{
    flex: 1;
    display: flex;
    overflow-y:scroll;
    align-items: center;
    justify-content: center;
  }
  
 #id_content_bottom{
    flex: 0;
    margin-bottom:0.2rem;
  }

 #id_content_header{
   flex: 0;
  }
</style>


<script scoped>
import { lastVersion } from '@/api/version';

export default {
  name: 'start',
  data() {
    return {
      userName: '15108280907',
    };
  },
  computed: {
  },
  methods: {
  },
  mounted() {
    const param = {
      clientType: '1',
      osType: '1',
      versionCode: '1',
    };
    lastVersion(param, null);
    const token = this.$store.getters.getToken;
    const numbers = this.$Rx.Observable.timer(1500);
    numbers.subscribe({
      next: x => console.log(x),
      error: err => console.error(err),
      complete: () => this.$router.replace(token ? '/main' : '/auth'),
    });
  },
};

</script>
